body {
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
    color: #404040;
    font-family: 'Microsoft YaHei', SimHei, 'Times New Roman'; 
}

@font-face {
    font-family: myFirstFont;
    src: url('Sansation_Bold.ttf'),
         url('Sansation_Bold.eot'); /* IE9+ */
    font-weight:bold;
}

#paper {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 1024px;
    height: 1500px;
    background-color: white;
    box-shadow: 1px 0 7px #888888;
}

#main {
    width: 92%;
    margin: 0 0 0 4%;
}
.dark-body {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    background: rgba(0,0,0, 0.8);
    z-index: 100;
}

#content {
    float: left;
    margin: 1rem 0 0 0;
    width: 100%;
    min-height: 400px;
    box-shadow: 1px 0 7px #888888;
}
.basic-loading {
    position: relative;
    width:32px;
    height:32px;
    margin: 0;
    padding: 0;
    -webkit-animation:change 0.7s linear infinite;
}
@-webkit-keyframes change {
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);}
    100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes change {
    0%{-moz-transform:rotate(0deg);}
    50%{-moz-transform:rotate(180deg);}
    100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes change {
    0%{-ms-transform:rotate(0deg);}
    50%{-ms-transform:rotate(180deg);}
    100%{-ms-transform:rotate(360deg);}
}
@keyframes change {
    0%{transform:rotate(0deg);}
    50%{transform:rotate(180deg);}
    100%{transform:rotate(360deg);}
}